<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <link rel="stylesheet" href="resources/css/nivo-slider.css" type="text/css" media="screen" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <body>

        <ui:composition template="./WEB-INF/template.xhtml">
            <ui:define name="title">
                <h:outputText value="Contáctenos | Subway El Salvador!" />
            </ui:define>
            <ui:define name="content">
                <div id="content_inner">
                    
                    <div class="content">
                        <div id="content_contact">
                            <h1>El Salvador, San Salvador</h1>
                            <div id="tabla" align="center">
                                <table cellpadding="4px">
                                    <tr align="">                                     
                                        <th width="25" scope="col" align="center">Nº</th>
                                        <th width="196" scope="col">SUCURSAL</th>
                                        <th width="103" scope="col">TELÉFONO</th>
                                    </tr>                                   
                                    <tr>
                                        <td><div align="center">1</div></td>
                                        <td>SUBWAY GALERÍAS </td>
                                        <td>(503) 22450936</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">2</div></td>
                                        <td>SUBWAY EL ROSARIO</td>
                                        <td>(503) 22230882</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">3</div></td>
                                        <td>SUBWAY MASFERRER</td>
                                        <td>(503) 22640724</td>
                                    </tr>

                                    <tr>
                                        <td><div align="center">4</div></td>
                                        <td>SUBWAY LOS HÉROES </td>
                                        <td>(503) 22612034</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">5</div></td>
                                        <td>SUBWAY METROCENTRO 8A ETAPA</td>
                                        <td>(503) 22607279</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">6</div></td>
                                        <td>SUBWAY METROCENTRO 9A ETAPA</td>
                                        <td>(503) 22607292</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">7</div></td>
                                        <td>SUBWAY METROCENTRO 10A ETAPA</td>
                                        <td>(503) 22600681</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">8</div></td>
                                        <td>SUBWAY MULTIPLAZA</td>
                                        <td>(503) 22438681</td>
                                    </tr> 
                                    <tr>
                                        <td><div align="center">9</div></td>
                                        <td>SUBWAY OFICINAS</td>
                                        <td>(503) 22256483</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">10</div></td>
                                        <td>SUBWAY OLÍMPIC</td>
                                        <td>(503) 22607500</td>
                                    </tr>
                                    <tr>
                                        <td><div align="center">11</div></td>
                                        <td>SUBWAY COL. ESCALON</td>
                                        <td>(503) 22452420</td>
                                    </tr>        
                                </table>
                            </div><!-- end of tabla -->
                            <div align="center" id="form-msj">
                                <p><strong>Puedes mandar un mensaje a nuestro personal de servicio.</strong></p>

                                <form id="post-form">
                                    <h:panelGrid columns="2">
                                        <h:outputText value="Nombre:"/>
                                        <input type="text" id="name-input" required="true"/>
                                        <h:outputText value="Correo:"/>
                                        <input type="text" id="email-input" required="true"/>
                                        <h:outputText value="Fax:"/>
                                        <input type="number" id="fax-input" required="true"/>
                                        <h:outputText value="Mensaje:"/>
                                        <textarea type="" style="width: 400px; height: 100px" id="mensaje-input" required="true"/>
                                    </h:panelGrid>
                                    <div class="submit">
                                        <button type="submit" value="Enviar" >Enviar</button>
                                    </div><!-- end of submit -->
                                </form>
                            </div><!-- end of form-msj -->
                        </div><!-- end of content_contact -->
                    </div><!-- end of content -->

                </div>
            </ui:define>
        </ui:composition>

    </body>
</html>
